﻿<%@ Page Language="C#" MasterPageFile="~/YUIAspNet.Master" AutoEventWireup="true" CodeBehind="NestingLayoutManager.aspx.cs" Inherits="YUIAspNetDemo.LayoutManager.NestingLayoutManager" Title="Untitled Page" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>YUIAsp.Net Controls : LiveDemo : Layout manager : Nesting LayoutManager</title>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <h1>Nesting LayoutManager</h1>
    
    <p>If you find one LayoutManager control is not enough to position your elements on the page, you can nest as many layout managers as you'd like.</p>
    
    <yui:LayoutManager ID="mngr1" runat="server" Width="500" Height="500">
        <LayoutUnits>
            <yui:LayoutUnit ID="lu1"  runat="server" Position="Top" Width="500" Height="100">
                <ContentTemplate>
                    layout 1 top
                </ContentTemplate>
            </yui:LayoutUnit>
            <yui:LayoutUnit ID="LayoutUnit1"  runat="server" Position="Center" Width="500" Height="300">
                <ContentTemplate>
                    <yui:LayoutManager ID="lm2" runat="server" width="500" Height="300">
                        <LayoutUnits>
                            <yui:LayoutUnit ID="lu11" Position="Left" Width="100" Height="250">
                                <ContentTemplate>layout 2 left</ContentTemplate>
                            </yui:LayoutUnit>
                            <yui:LayoutUnit ID="LayoutUnit3" Position="Center" Width="300" Height="250">
                                <ContentTemplate>layout 2 center</ContentTemplate>
                            </yui:LayoutUnit>
                            <yui:LayoutUnit ID="LayoutUnit4" Position="Right" Width="100" Height="250">
                                <ContentTemplate>layout 2 right</ContentTemplate>
                            </yui:LayoutUnit>                            
                        </LayoutUnits>
                    </yui:LayoutManager>
                </ContentTemplate>
            </yui:LayoutUnit>
            <yui:LayoutUnit ID="LayoutUnit2"  runat="server" Position="Bottom" Width="500" Height="100">
                <ContentTemplate>
                    layout 1 bottom
                </ContentTemplate>
            </yui:LayoutUnit>
        </LayoutUnits>
    </yui:LayoutManager>
</asp:Content>
